import public_scss from "./../sass/public.scss";
import shopping_scss from "./../sass/shopping.scss";
import { indexOf } from "lodash";
const layui=require("layui-layer");

$(function(){
  if(JSON.parse(localStorage.getItem("goods_car")).u_Id == undefined){
    layer.msg("请先登陆",{icon: 3});
    return;
  }
  $.ajax({
    url:"http://10.41.151.78:8081/api/cart",
    data:{uid:JSON.parse(localStorage.getItem("goods_car")).u_Id},
  }).then(function (res) {
    // console.log(res);
    let data=res.data;
    // console.log(data);
    let numTotal =0;
    let priceTotal = 0;
    let cartItem = "";
    if(data==undefined){
        cartItem = "<div>购物车是空的！！！喜欢的话把商品添加进来吧~</div>";
        console.log("购物车为空");
    }else{
      data.forEach(el => {
        $(".cart-item").attr("data-remov",`${el.c_Id}`);
        numTotal +=eval(el.c_num);
        priceTotal += eval(el.c_num * el.c_price);
        console.log(el);
        cartItem+=
            "<ul data-cartid='"+el.c_Id+"'>" + 
            "<li><input type='checkbox' class='choseItem'></li>"+
            "<li><img src='"+el.c_img+"' alt=''></li>"+
            "<li><a href=''>"+el.c_Name+"</a></li>"+
            "<li>￥<i>"+ el.c_price+"</i></li>"+
            "<li>"+
            "<button class='jian'>-</button>"+
            "<input type='text' value='"+el.c_num+"' id='value'>"+
            "<button class='jia'>+</button>"+
            "</li>"+
            "<li>￥<i>"+(el.c_price*(el.c_num?el.c_num:1))+"</i></li>"+
            "<li><a id='del'>删除</a></li>"+
            "</ul>";    
      });
    }
    $("#totalValue").text(parseInt(priceTotal));
    $("#numTotal").text(parseInt(numTotal));
    // $(".cart-item").empty();
    $(".cart-item").append(cartItem);


    // 减法
    
    $(".cart-item").on("click",".jian",function(){
      if($(this).next().val() <= 1){
        return;
      }
      $(this).next().val($(this).next().val() -1);

      
      let price=$(this).parents("ul").children("li").eq(3).children("i").text();
      console.log(price);
      $(this).parents("ul").children("li").eq(5).children("i").text(price*$(this).next().val());

      var text=$(this).next().val();
      var txt1=$(this).parents(".logomain").find("#numTotal").text();
      var price1=$("#totalValue").text();
        
      $(this).parents(".logomain").find("#numTotal").text(Number(txt1)-1)
      $("#totalValue").text(Number(price1)-Number(price));

    // 购物车的数据是已有数据，只要做修改
    // 修改  购物车编号   数量
    // data.c_Id,data.c_num

      let self=this;

      $.ajax({
        url:"http://10.41.151.78:8081/api/updateCart",
        type:"post",
        data:{c_Id:$(self).parents("ul").data("cartid"),c_num:$(self).next().val()},
      }).then(function(res){
        layer.msg(res.msg,{icon:res.status == 200 ? 1 : 4});
      })
      
    })    

    // 加法
    $(".cart-item").on("click",".jia",function(){
      
      $(this).prev().val(Number($(this).prev().val()) +1);

      let self=this;

      let price=$(this).parents("ul").children("li").eq(3).children("i").text();
      // console.log(price);
      $(this).parents("ul").children("li").eq(5).children("i").text(price*$(this).prev().val());

      
      var text=$(this).prev().val();
      var txt1=$(this).parents(".logomain").find("#numTotal").text();
      var price1=$("#totalValue").text();
     
      $(this).parents(".logomain").find("#numTotal").text(Number(txt1)+1)
      $("#totalValue").text(Number(price1)+Number(price));

      $.ajax({
        url:"http://10.41.151.78:8081/api/updateCart",
        type:"post",
        data:{c_Id:$(self).parents("ul").data("cartid"),c_num:$(self).prev().val()},
      }).then(function(res){
        layer.msg(res.msg,{icon:res.status == 200 ? 1 : 4});
      })
    })

    $(".cart-item").on("click","#del",function(){
      layer.confirm("您确定要删除吗?",{
        btn:["是的","取消"]
      },function(index){
        $.ajax({
          url:"http://10.41.151.78:8081/api/deleteCart",
          type:"post",
          data:{c_Id:$("#del").parents("ul").data("cartid")}
        }).then(function(){
          $("#del").parents("ul").remove();
          // 确定后，要关闭确定框
          layer.close(index);
        })
      });
    })
    

    $("#batchRemove").on("click", function () {
        $.ajax({
          url:"http://10.41.151.78:8081/api/deleteCart",
          type:"post",
          data:{c_Id:$("#batchRemove").parents(".logomain").find(".cart-item").data("remov")}
        }).then(function(){
          $("#del").parents(".logomain").find(".cart-item").remove();
        })
    })
  })
  
})



// 商品列表操作
// $(function () {
//     // 全选
    $(".checkBox").on("click", function () {
      var itemAll = document.querySelectorAll(".choseItem");
      console.log(itemAll);
      for (var i = 0; i < itemAll.length; i++) {
        itemAll[i].checked = this.checked;
      }
    });
//     // 批量删除商品
  //   function batchRemove() {
  //     var itemAll = document.querySelectorAll(".choseItem");
  //     console.log(itemAll);
  //     for (var i = 0; i < itemAll.length; i++) {
  //       if (itemAll[i].checked) {
  //         removeGoods();
  //         setTableData();
  //       }
  //     }
  //   }
  //   $("#batchRemove").on("click", function () {
  //     batchRemove();
  //   });
  // });
  
//   // 商品列表
//   $(function () {
//     setTableData();
//   });
  
  // function removeGoods(index) {
  //   let goodsList = JSON.parse(localStorage.getItem("goods_car"));
  //   console.log(goodsList);
  //   goodsList.splice(index, 1);
  //   localStorage.setItem("goods_car", JSON.stringify(goodsList));
  //   setTableData();
  // }
  
//   function minus(index){
//       let goodsList=JSON.parse(localStorage.getItem("goods_car"));
//       goodsList[index].num++;
//       localStorage.setItem("goods_car",JSON.stringify(goodsList));
//       setTableData();
//   }
  
//   function plus(index){
//       let goodsList=JSON.parse(localStorage.getItem("goods_car"));
//       if(goodsList[index].num>1){
//           goodsList[index].num--;
//           localStorage.setItem("goods_car",JSON.stringify(goodsList));
//           setTableData();
//       }
//   }
  
//   function setTableData() {
//     let goodsList = JSON.parse(localStorage.getItem("goods_car"));
//     cartItem = "";
//     let numTotal =0;
//     let priceTotal = 0;
//     if (goodsList && goodsList.length > 0) {
//       goodsList.forEach((item, index) => {
//         numTotal +=eval(item.num);
//         priceTotal += eval(item.num * item.price);
//         cartItem += 
          // "<ul>" + 
          // "<li><input type='checkbox' class='choseItem'></li>"+
          // "<li><img src='"+item.imgsmall[0]+"' alt=''></li>"+
          // "<li><a href=''>"+item.title+"</a></li>"+
          // "<li>￥"+ item.price+"</li>"+
          // "<li>"+
          // "<button class='jian' onclick='plus("+index+")'>-</button>"+
          // "<input type='text' value='"+(item.num)+"' id='value'>"+
          // "<button class='jia' onclick='minus("+index+")'>+</button>"+
          // "</li>"+
          // "<li>￥"+(item.price*(item.num?item.num:1))+"</li>"+
          // "<li><a href='' onclick='removeGoods("+index+")'>删除</a></li>"+
          // "</ul>";                 
//       });
//     }else{
//       cartItem = "<div>购物车是空的！！！喜欢的话把商品添加进来吧~</div>";
//       console.log("购物车为空");
//     }
//     console.log(parseInt(numTotal),parseInt(priceTotal));
//     $("#totalValue").text(parseInt(priceTotal));
//     $("#numTotal").text(parseInt(numTotal));
//     $(".cart-item").empty();
//     $(".cart-item").append(cartItem);
    
//   }
  
  // function getUrlParams(name) {
  //   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  //   var r = window.location.search.substr(1).match(reg);
  //   if (r != null) return unescape(r[2]);
  //   return null;
  // }
  
  $(function(){
      $("#settlementAmount").on("click",function(){
          layer.confirm("您确定要结算吗?",{
              btn:["确定","取消"]
          },function(){
              layer.msg("结算成功",{
                  icon:1,
              });
          });
      });
  })